<template>
  <a-modal v-model="visible" :width='900'   title="办理详情" footer=''>
    <a-table
      ref='table'
      size='middle'
      :scroll={y:400}
      bordered
      childrenColumnName='childrenColumnName'
      :columns='columns'
      :dataSource='dataSource'
      :loading='loading'
      :pagination="false"
    >

    </a-table>
  </a-modal>
</template>

<script>
import ReportsEpidemicDailyService from '@/myService/ReportsEpidemicDailyService'

export default {
  name: 'HandleDetailModal',
  data(){
    return{
      visible:false,
      dataSource:[],
      loading:false,
      columns:[
        {
          title: '#',
          dataIndex: '',
          key: 'rowIndex',
          width: 60,
          align: 'center',
          customRender: (text, row, index) => 1 + index
        },
        {
          title: '诉求',
          dataIndex: 'content',
        },
        {
          title: '处置情况说明',
          dataIndex: 'contentExplain',
        },
      ],
    }
  },
  methods:{
    open(ds){
      this.loadDate(ds)
      this.visible=true;
    },
    loadDate(ds){
      this.loading=true;
      ReportsEpidemicDailyService.getReportsEpidemicHandleOrder(ds).then(res=>{
        if (res.success) {
          this.dataSource = res.result.records || res.result
        }
        else {
          this.$message.warning(res.message)
        }
      }).finally(()=>{
        this.loading=false;
      })
    },
  }
}
</script>

<style scoped>

</style>